<!DOCTYPE html>
<html>
<head>
	<title>Eye-Fi Server</title>
	<link rel="icon" type="image/icon" href="favicon.ico" />
	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<script src="js/functions.js" type="text/javascript"></script>
</head>
<body>
<div id="wrapper">
<header id="header">
	<img id="logo" src="images/eyefi-logo-v2.png" width="99" height="43" alt="Eye-Fi" />
	<div id="login">
		<span id="login_extras">
			<a href="http://code.google.com/p/eyefiserver2/" target="_blank">Home</a>
		</span>
	</div>
</header>
	<div id="intro"> 
		<div id="introleft">
			
			<div id="devicesopts">
				<img id="devgear" src="images/gear-v2.png" width="14" height="14" alt="Devices">
				Eye-Fi Server
			</div>

		</div>
		<div id="introtabs">
			<div id="Cards">Cards</div>
			<div id="Upload">Upload</div>
			<div id="Geotagging">Geotagging</div>
			<div id="Manage">Manage</div>
		</div>
	</div>

<div class="settingsContainer">
	<div id="back"></div>
	<div class="settingsContent">
		
		<article id="CardsSection">
		<h1 class="settingsTitle">Cards</h1>
		<fieldset class="bordered">
			<legend class="bordered">Eye-Fi Card 1</legend>
			<div class="boldGreyContent">
				MAC address <input id="mac_0" maxlength="17" style="width: 110px;" />
				Upload key <input id="upload_key_0" maxlength="32" style="width:230px;"/>
			</div>
			<div class="greyContent">
				You can find these values after configuring the card. It is inside C:\Documents and Settings\&lt;User&gt;\Application Data\Eye-Fi\Settings.xml on Windows or ~/Applications Data/Eye-Fi/Settings.xml on Mac search for it and paste it here.
			</div>
		</fieldset>
		<fieldset id="card2" class="bordered">
			<legend class="bordered">Eye-Fi Card 2</legend>
			<div class="boldGreyContent">
				MAC address <input id="mac_1" maxlength="17" style="width:110px;"/>
				Upload key <input id="upload_key_1" maxlength="32" style="width:230px;"/>
			</div>
			<div class="greyContent">
				Additional Eye-Fi card configuration, same as above.
			</div>
		</fieldset>
		<div class="ButtonsSection">
			<a id="apply" class="editButton" onclick="apply();">Apply</a>
			<a id="revert" class="editButton" onclick="revert();">Revert</a>
		</div>
		</article>

		<article id="GeotaggingSection" style="display:none;">
		<h1 class="settingsTitle">Geotagging</h1>
		<fieldset class="bordered">
			<legend class="bordered">Manage</legend>
			<div class="boldGreyContent">
				<input id="geotag_enable" type="checkbox"> Enable Geotagging
			</div>
			<div class="greyContent">
				Create XMP file with geolocation information based on access points detected by Eye-Fi card for any uploaded JPEG or RAW file
			</div>
		</fieldset>

		<fieldset class="bordered">
			<legend class="bordered">Time lag</legend>
			<div class="boldGreyContent">
				<input id="geotag_lag" style="width:50px;"/>
			</div>
			<div class="greyContent">
				Use acces points detected within this period of time before or after photo was taken, in seconds
			</div>
		</fieldset>

		<fieldset class="bordered">
			<legend class="bordered">Distance</legend>
			<div class="boldGreyContent">
				<input id="geotag_accuracy" style="width:50px;"/>
			</div>
			<div class="greyContent">
				Use acquired geolocation data with accuracy over this value, in meters. Too big values such as default 140000 will result of adding a geolocation data of a server even if there was no suitable access points for a photo.
			</div>
		</fieldset>
		<div class="ButtonsSection">
			<a id="apply" class="editButton" onclick="apply();">Apply</a>
			<a id="revert" class="editButton" onclick="revert();">Revert</a>
		</div>
		</article>
		
		<article id="UploadSection" style="display:none;">
		<h1 class="settingsTitle">Upload</h1>
		<fieldset class="bordered">
			<legend class="bordered">Directory</legend>
			<div class="boldGreyContent">
				<input id="upload_dir" style="width:100%;"/>
			</div>
			<div class="greyContent">
				The name of the directory can be a strftime formatted string like
			/share/Multimedia/Eye-Fi/%%Y-%%m-%%d
			</div>
		</fieldset>

		<fieldset class="bordered">
			<legend class="bordered">Permissions</legend>
			<div class="boldGreyContent">
				<table style="width:100%">
				<colgroup span="1" style="width:28%"></colgroup>
				<colgroup span="6" style="width:12%"></colgroup>
				<thead>
				<tr>
				<th></th><th colspan="3">Files</th><th colspan="3">Directories</th>
				</tr><tr>
				<th></th><th>read</th><th>write</th><th>execute</th><th>read</th><th>write</th><th>execute</th>
				</tr>
				</thead>
				<tbody>
				<tr>
				<td><select id="upload_uid" style="width: 145px;" title="Owner"></select></td><td><input id="upload_file_mode_0" type="checkbox"></td><td><input id="upload_file_mode_1" type="checkbox"></td><td><input id="upload_file_mode_2" type="checkbox"></td><td><input id="upload_dir_mode_0" type="checkbox"></td><td><input id="upload_dir_mode_1" type="checkbox"></td><td><input id="upload_dir_mode_2" type="checkbox"></td>
				</tr><tr>
				<td><select id="upload_gid" style="width: 145px;" title="Group"></select></td><td><input id="upload_file_mode_3" type="checkbox"></td><td><input id="upload_file_mode_4" type="checkbox"></td><td><input id="upload_file_mode_5" type="checkbox"></td><td><input id="upload_dir_mode_3" type="checkbox"></td><td><input id="upload_dir_mode_4" type="checkbox"></td><td><input id="upload_dir_mode_5" type="checkbox"></td>
				</tr><tr>
				<td style="text-align:left;">Others</td><td><input id="upload_file_mode_6" type="checkbox"></td><td><input id="upload_file_mode_7" type="checkbox"></td><td><input id="upload_file_mode_8" type="checkbox"></td><td><input id="upload_dir_mode_6" type="checkbox"></td><td><input id="upload_dir_mode_7" type="checkbox"></td><td><input id="upload_dir_mode_8" type="checkbox"></td>
				</tr>
				</tbody></table>
			</div>
			<div class="greyContent">
				The permissions to use for the uploaded images and for the directories that are created
			</div>
		</fieldset>
		<div class="ButtonsSection">
			<a id="apply" class="editButton" onclick="apply();">Apply</a>
			<a id="revert" class="editButton" onclick="revert();">Revert</a>
		</div>
		</article>

		<article id="ManageSection" style="display:none;">
		<h1 class="settingsTitle">Manage</h1>
		<fieldset class="bordered">
			<legend class="bordered">Status</legend>
			<div id="status" class="boldGreyContent">
				Unknown
			</div>
		</fieldset>
		<fieldset class="bordered">
			<legend class="bordered">Log</legend>
			<div class="boldGreyContent">
				<textarea id="logtext" style="width: 100%; height: 250px;" readonly="true"></textarea>
			</div>
		</fieldset>
		<div class="ButtonsSection">
			<a class="editButton" onclick="daemon('start');">Start</a>
			<a class="editButton" onclick="daemon('stop');">Stop</a>
			<a class="editButton" onclick="daemon('restart');">Restart</a>
			<a class="editButton" onclick="daemon('clearlog');">Clear Log</a>
			<a class="editButton" onclick="refresh();">Refresh</a>
		</div>
		</article>

	</div>
</div>

<footer id="footer">0.0.15</footer>

</div>

</body>
</html>